﻿<link rel="stylesheet" href="/assets/bootstrapTable/bootstrap-table.min.css" />
<link rel="stylesheet" href="/HistoryDataDP/HistoryDataDP.css" />
<style type="text/css">
    #dt-narrow_filter input {
        max-width: 118.312px;
    }

    #dt-narrow_length label {
        display: none;
    }

    .loading-bj {
        display: none;
    }

    .infobox-container {
        margin-bottom: 20px;
    }
</style>
<div>
    <div class="col-xs-12 infobox-container">
        <!-- #section:pages/dashboard.infobox -->
        <div class="infobox infobox-green">
            <div class="infobox-icon">
                <img style="display:block;max-width:100%;height:auto;" src="/Images/Pic/Humidity-icon.png">
            </div>
            <div class="infobox-data">
                <span class="infobox-data-number">32</span>
                <div class="infobox-content">湿度</div>
            </div>
            <!-- #section:pages/dashboard.infobox.stat -->
            <div class="stat stat-success">8%</div>
            <!-- /section:pages/dashboard.infobox.stat -->
        </div>
        <div class="infobox infobox-blue">
            <div class="infobox-icon">
                <img style="display:block;max-width:100%;height:auto;" src="/Images/Pic/sun-720.png">
            </div>
            <div class="infobox-data">
                <span class="infobox-data-number">11</span>
                <div class="infobox-content">光照</div>
            </div>
            <div class="badge badge-success">
                +32%
                <i class="ace-icon fa fa-arrow-up"></i>
            </div>
        </div>
        <div class="infobox infobox-pink">
            <div class="infobox-icon">
                <img style="display:block;max-width:100%;height:auto;" src="/Images/Pic/icon_CO2_80.png">
            </div>
            <div class="infobox-data">
                <span class="infobox-data-number">8</span>
                <div class="infobox-content">二氧化碳</div>
            </div>
            <div class="stat stat-important">4%</div>
        </div>
        <div class="infobox infobox-red">
            <div class="infobox-icon">
                <img style="display:block;max-width:100%;height:auto;" src="/Images/Pic/Humidity-icon.png">
            </div>
            <div class="infobox-data">
                <span class="infobox-data-number">7</span>
                <div class="infobox-content">湿度</div>
            </div>
        </div>
        <div class="infobox infobox-orange2">
            <!-- #section:pages/dashboard.infobox.sparkline -->
            <div class="infobox-chart">
                <img style="display:block;max-width:100%;height:auto;" src="/Images/Pic/sun-720.png">
            </div>
            <!-- /section:pages/dashboard.infobox.sparkline -->
            <div class="infobox-data">
                <span class="infobox-data-number">6,251</span>
                <div class="infobox-content">光照</div>
            </div>
            <div class="badge badge-success">
                7.2%
                <i class="ace-icon fa fa-arrow-up"></i>
            </div>
        </div>
        <div class="infobox infobox-blue2">
            <div class="infobox-icon">
                <img style="display:block;max-width:100%;height:auto;" src="/Images/Pic/icon_CO2_80.png">
            </div>
            <div class="infobox-data">
                <span class="infobox-data-number">8</span>
                <div class="infobox-content">二氧化碳</div>
            </div>
            <div class="stat stat-important">3%</div>
        </div>
        <div class="infobox infobox-green">
            <div class="infobox-icon">
                <img style="display:block;max-width:100%;height:auto;" src="/Images/Pic/Humidity-icon.png">
            </div>
            <div class="infobox-data">
                <span class="infobox-data-number">32</span>
                <div class="infobox-content">湿度</div>
            </div>
            <!-- #section:pages/dashboard.infobox.stat -->
            <div class="stat stat-success">8%</div>
            <!-- /section:pages/dashboard.infobox.stat -->
        </div>
        <div class="infobox infobox-blue">
            <div class="infobox-icon">
                <img style="display:block;max-width:100%;height:auto;" src="/Images/Pic/sun-720.png">
            </div>
            <div class="infobox-data">
                <span class="infobox-data-number">11</span>
                <div class="infobox-content">光照</div>
            </div>
            <div class="badge badge-success">
                +32%
                <i class="ace-icon fa fa-arrow-up"></i>
            </div>
        </div>
        <div class="infobox infobox-pink">
            <div class="infobox-icon">
                <img style="display:block;max-width:100%;height:auto;" src="/Images/Pic/icon_CO2_80.png">
            </div>
            <div class="infobox-data">
                <span class="infobox-data-number">8</span>
                <div class="infobox-content">二氧化碳</div>
            </div>
            <div class="stat stat-important">4%</div>
        </div>
        <div class="infobox infobox-red">
            <div class="infobox-icon">
                <img style="display:block;max-width:100%;height:auto;" src="/Images/Pic/Humidity-icon.png">
            </div>
            <div class="infobox-data">
                <span class="infobox-data-number">7</span>
                <div class="infobox-content">湿度</div>
            </div>
        </div>
        <div class="infobox infobox-orange2">
            <!-- #section:pages/dashboard.infobox.sparkline -->
            <div class="infobox-chart">
                <img style="display:block;max-width:100%;height:auto;" src="/Images/Pic/sun-720.png">
            </div>
            <!-- /section:pages/dashboard.infobox.sparkline -->
            <div class="infobox-data">
                <span class="infobox-data-number">6,251</span>
                <div class="infobox-content">光照</div>
            </div>
            <div class="badge badge-success">
                7.2%
                <i class="ace-icon fa fa-arrow-up"></i>
            </div>
        </div>
        <div class="infobox infobox-blue2">
            <div class="infobox-icon">
                <img style="display:block;max-width:100%;height:auto;" src="/Images/Pic/icon_CO2_80.png">
            </div>
            <div class="infobox-data">
                <span class="infobox-data-number">8</span>
                <div class="infobox-content">二氧化碳</div>
            </div>
            <div class="stat stat-important">3%</div>
        </div>
    </div>
    <div class="col-xs-12">
        <div id="linechart" style="width:100%;height: 345px;"></div>
    </div>

    <div class="col-xs-12">
        <!--<table id="dt-narrow" style="width:300px;height:345px;" class="display compact table table-striped table-bordered" cellspacing="0" width="100%"></table>-->
        <table id="ListTable" data-toggle="table" data-striped="true"
               data-show-pagination-switch="false"
               data-pagination="true"
               data-page-list="[10,25,50,100,ALL]"
               data-id-field="ID"
               data-locale="zh-CN">
            <thead>
                <tr>
                    <th data-field="日期" data-visible="true" data-align="center" data-halign="center" data-valign="middle">日期</th>
                    <th data-field="温度1" data-visible="true" data-align="center" data-halign="center" data-valign="middle">温度1</th>
                    <th data-field="温度2" data-visible="true" data-align="center" data-halign="center" data-valign="middle">温度2</th>
                    <th data-field="温度3" data-visible="true" data-align="center" data-halign="center" data-valign="middle">温度3</th>
                    <th data-field="温度4" data-visible="true" data-align="center" data-halign="center" data-valign="middle">温度4</th>
                    <th data-field="温度5" data-visible="true" data-align="center" data-halign="center" data-valign="middle">温度5</th>
                    <th data-field="温度6" data-visible="true" data-align="center" data-halign="center" data-valign="middle">温度6</th>
                </tr>
            </thead>
        </table>
    </div>
</div>
<!--<script type="text/javascript" src="../src/jquery-1.11.1.js"></script>-->
<!--<script src="/assets/ace/js/jquery.easypiechart.min.js"></script>
    <script src="/assets/ace/js/jquery.sparkline.min.js"></script>
    <script src="/assets/ace/js/flot/jquery.flot.min.js"></script>
    <script src="/assets/ace/js/flot/jquery.flot.pie.min.js"></script>
    <script src="/assets/ace/js/flot/jquery.flot.resize.min.js"></script>-->
<script type="text/javascript" src="/assets/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/assets/bootstrapTable/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/assets/highcharts/highcharts.js"></script>
<!--<script type="text/javascript" src="../src/moment-with-locales.js"></script>
<script type="text/javascript" src="../src/moment.js"></script>-->
<!--<script type="text/javascript" src="/assets/jqueryDataTables/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="/assets/jqueryDataTables/dataTables.bootstrap.min.js"></script>-->

<script type="text/javascript" src="/HistoryDataDP/HistoryDataDP.js?r=20161025002"></script>
<!--<script type="text/javascript" src="../src/jquery-1.11.1.js"></script>-->
<!--<script type="text/javascript" src="../js/bmap-m.js"></script>-->
<!--<script type="text/javascript" src="hc-refresh-m.js"></script>-->
<!--<script type="text/javascript" src="../js/hc-piechart-m.js"></script>-->
<!--<link rel="stylesheet" href="../src/bj-datetimepicker/jquery.datetimepicker.css" />
    <script type="text/javascript" src="../src/bj-datetimepicker/jquery.datetimepicker.js"></script>
    <script type="text/javascript" src="../js/datetimepicker-m.js"></script>-->
